<template>
  <div>
    <mynva></mynva>
    <mylist></mylist>
    <banner></banner>
    <clear></clear>
    <listall1></listall1>
    

    <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000">
      <van-tabbar-item icon="home-o" replace to="/home">首页</van-tabbar-item>
      <van-tabbar-item icon="goods-collect-o" replace to="/classify"
        >分类</van-tabbar-item
      >
      <van-tabbar-item icon="sign" replace to="/shopcar"
        >购物车</van-tabbar-item
      >
      <van-tabbar-item icon="contact" replace to="/mine"
        >我的中免</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>
   
   <script>
import mynva from "../homepage/mynva.vue";
import mylist from "../homepage/mylist.vue";
import banner from "../homepage/banner.vue";
import clear from "../homepage/clear.vue";
import listall1 from "../homepage/listall1.vue";

import Vue from "vue";
import { Icon } from "vant";
import { Toast } from "vant";

Vue.use(Icon);

export default {
  components: {
    mynva,
    mylist,
    banner,
    clear,
    listall1
  },
  data() {
    return {
      active: "",
    };
  },
};
</script>
   
   <style scoped>

</style>